<template>
  <div >
    <div class="gtco-section-overflow">

      <div class="gtco-section" id="gtco-services" data-section="services">
        <div class="gtco-container">
          <div class="row">
            <div class="col-md-6 col-md-offset-2 text-left gtco-heading">
              <div class="gtco-heading">
                <h2 class="gtco-left">Services</h2>
                <p>Here, you can get :</p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6">
              <div class="row">

                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-paper-clip"></i>
									</span>
                    <div class="feature-copy">
                      <h3>The Most Comprehensive Subject In The Near Future</h3>
                      <p>We are working hard to give all students and teachers access to their own subjects.</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-monitor"></i>
									</span>
                    <div class="feature-copy">
                      <h3>Nearest Resources</h3>
                      <p>We provide location-based services that enable you to access the nearest teacher or student.So we want you to give us location permission</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-toggle"></i>
									</span>
                    <div class="feature-copy">
                      <h3>The Truest Assessment</h3>
                      <p>We promise that all information is true and that we will never modify it artificially</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-layout"></i>
									</span>
                    <div class="feature-copy">
                      <h3>The Most Professional Service</h3>
                      <p>We have a strong team, the most dedicated team, to provide you with the most professional services.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 animate-box" data-animate-effect="fadeIn">
              <div class="row">
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-pencil"></i>
									</span>
                    <div class="feature-copy">
                      <h3>The Best Price</h3>
                      <p>Our extensive information on students and teachers helps you determine the best price.</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-cog"></i>
									</span>
                    <div class="feature-copy">
                      <h3>The Fastest Service</h3>
                      <p>You only need one mobile phone to get the teachers or students you need.</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-layers"></i>
									</span>
                    <div class="feature-copy">
                      <h3>Safest</h3>
                      <p>We are based on block chain technology management information, so please rest assured that your information is safe enough.</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="feature-left">
									<span class="icon">
										<i class="icon-search"></i>
									</span>
                    <div class="feature-copy">
                      <h3>More</h3>
                      <p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>


    </div>

  </div>
</template>

<script>

export default {
  created() {

  },
  name: 'Service',
  data () {
    return {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
